/*------------------------------------------------------------------------
# 5DESIRE - July 01 - 2011
# ------------------------------------------------------------------------
# Author: hoainam12k
# Websites:  http://www.ntuts.com -  Email: hoainam12k@gmail.com
-------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {font: 0.75em/1.7em Arial,Geneva,Helvetica,sans-serif; color: #333; background: url(../images/bg.jpg) repeat left top;}
a {text-decoration: none; outline: none; color: #000;}
/*a:visited {} */
a:hover,
li a.active {text-decoration: none; color: #00A6DD;}
/*a:active {}*/
a img {border: none}
ul li {list-style: none}
h1, h2, #content h3, .service-label {font: bold 2.5em/1.33em Arial, Helvetica, sans-serif; text-shadow:1px 1px 2px #C2C2C2; margin: 10px 0;}
#content h3 {font: bold 1.5em/1.33em Arial, Helvetica, sans-serif; margin: 10px 0; padding-bottom: 4px; border-bottom: 1px solid #EFEFEF}

/**/
.fll,
.alignleft {float: left}
.flr,
.alignright {float: right}
.w50 {width: 49%}
.w30 {width: 30%}
.w70 {width: 69%}
.w40 {width: 40%}
.w60 {width: 59%}
.code {font-family: "Courier New", Courier, monospace;}
.mbt10 {margin: 0 0 10px}

.wrap {width: 980px; margin: 0 auto}
/* 
HEADER ---------------------*/
#header {background: url(../images/header.png) repeat-x left top; height: 140px;}
	#header .wrap {background: url(../images/headerw.png) no-repeat left top; position: relative;height: 140px;}
	#logo {position: absolute; left: 0; top: 26px;}
		#logo h1 {background: url(../logo.png) no-repeat left top; }
		#logo a {display: block; width: 170px; height: 69px; text-indent: -5000em;}
	#hdsearch {position: absolute; width: 397px; height: 39px; background:url(../images/sprite.png) no-repeat 0 0; left: 231px; top: 53px;}
		#hdsearch label {display: none}
		#hdsearch .form-text {border: 1px solid #E5E5E5; background: #fff; position: absolute; height: 25px; width: 272px; top:6px; left: 36px; padding: 0}
		#hdsearch .form-submit {position: absolute; height: 27px; width: 74px; top:6px; right: 10px; background:url(../images/sprite.png) no-repeat 0 -40px; text-indent: -500em; border: none; cursor: pointer}
		#hdsearch .form-submit:hover {background-position: -74px -40px;}
	#nav {position: absolute; top: 60px; right: 0; font-size: 17px; font-weight: bold; letter-spacing: -1px; text-transform:uppercase}
	#userlinks {position: absolute; top: 6px; right: 0;}	
		#userlinks a {float: right; padding: 0 9px 0 10px;}
		#userlinks a.last {background:url(../images/ico.png) no-repeat 0 -99px;}
	/*Modal box*/
	#lean_overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;background: #000;display: none;}
	#blockuserlogin,
	#blockuserreg,
	#blockappadd,
	#claimowner {display: none; background: #fff; padding: 10px; width: 425px; height: 250px; overflow: auto;
		border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);}
	#blockappadd {width: 600px; height: 500px;}
/* 
FRONT PAGE ---------------------*/
#introduction {background:url(../images/sprite.png) #fff no-repeat 0 -67px; border-bottom: 1px solid #CACACA; font-size: 30px; text-align: center; padding: 28px 24px; line-height: 36px; margin: 0 0 25px;}
/* 
CONTAINER ---------------------*/
#container {padding: 29px 0 0}
	#content {width: 680px; float: left; background: #fff; border-bottom: 1px solid #CACACA; padding: 20px; margin: 0 0 25px}
	.no-sidebar #content {width: 980px; background: none; border: none; padding: 0;}
	#sidebar {width: 260px; float: left}

/*NODE: APP*/
.appteaser {background: #fff; width: 480px;height: 250px; position: relative; float: left; margin: 0 20px 20px 0; border-bottom: 1px solid #CACACA}
.appteaser.even {margin: 0 0 20px}
.frontcontent .appteaser,
.frontcontent .appteaser.even {margin: 0 20px 0 0;}
	.appteaser .appimg {float: left; width: 167px; margin: 0 27px 0 0}
	.appteaser .affinfo {float: left; width: 268px;height: 250px; position: relative;}
	.appteaser h2.title {padding: 8px 80px 0 0; font: bold 16px Arial, Helvetica, sans-serif}
	.appteaser .appcontent {color: #666}
	.appteaser .af-vote {position: absolute; right: 0; top: 18px}
		.affinfo .vud-widget-sanpham {width: 76px}
		.rate-thumbs-up-btn-up {float: right; background:url(../images/ico.png) no-repeat 0 0; width: 50px; height: 16px;}
		.rate-thumbs-up-btn-up:hover {background-position: 0 -16px;}
		.yrated .rate-thumbs-up-btn-up {background-position: 0 -32px;}
		.rate-info {float: right; margin: 0 5px 0 0; font-size: 12px; font-weight: bold}
		
		.appteaser .sanpham-votes-display {float: left; color: 666; text-align: right; font: bold 12px Arial, Helvetica, sans-serif; width: 22px; padding: 0 4px 0 0}
		.appteaser .up-active,
		.appteaser .up-inactive,
		.appteaser .loginuh a {float: right; width: 50px; height: 16px; background:url(../images/ico.png) no-repeat 0 0; text-indent: -500em; display: block}
		.appteaser .up-active {background-position: 0 -32px;}
		.appteaser .up-inactive:hover {cursor: pointer; background-position: 0 -16px;}
	.auth {position: absolute; left: 0; bottom: 17px; color: #D6D6D6; padding: 0 0 0 26px;}
		.auth a {color: #1999CD;}
		.auth .picture {position: absolute; left: 0; top: -1px; width: 23px; height: 23px; margin: 0}
			.auth .picture img {width: 20px; height: 20px;}
	
	.appfull .vud-widget-sanpham {float: left; background: #F2F7FA; padding: 6px; border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;}
	.appfull .sanpham-votes-display {font: bold 30px/27px Arial, Helvetica, sans-serif; color: #333; float: left; padding: 0 6px;}
	.appfull .up-active,
	.appfull .up-inactive,
	.appfull .loginuh a {width: 74px; height: 27px; float: left; background:url(../images/sprite.png) no-repeat -260px -40px; text-indent: -500em; display: block}
	.appfull .up-active {background-position: -334px -40px;}
	/*.appfull .up-inactive:hover {cursor: pointer; background-position: -334px -598px;}*/
	
	.afleft {float: left; width: 406px; margin: 0 18px 0 0}
	.afsocial {width: 406px; height: 42px; background: #E3F0FD; border: 1px solid #B4D7F9; margin: 8px 0 0;	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;}
		.aflikefb,
		.afgplus,
		.aftwitter,
		.aflinkhay {float: left;border-right: 1px solid #B4D7F9;height: 32px; padding: 10px 0 0;margin: 0 12px 0 0;}
		
		.aflikefb {width: 93px;margin-left: 14px;}
		.afgplus {width: 75px;}
		.aftwitter {width: 111px;}
		.aflinkhay {width: 60px;text-align: center; border: none; margin-right: 0;}
	.afright {width: 250px; height: 263px; float: left; position: relative}
		.afright .taxonomy {clear: both; background: url(../images/ico.png) no-repeat 0 -111px; padding: 20px 0 0 22px}
		.afright .launchapp {display: block; position: absolute; width: 150px; height: 42px; background: url(../images/sprite.png) no-repeat 0 -265px; left: 0; top: 222px; text-indent: -500em}
	.fauth {padding: 0 0 14px; color:#666}
	.appcontent {padding: 20px 0; font-size: 14px;}
	.claimowner {margin: 25px 0 0}
	.claimowner a {display: block; width: 140px; height: 38px; background:url(../images/sprite.png) no-repeat -150px -265px; text-indent: -500em}
	#claimowner {}
	
	ul.tabs li a.active,
	ul.secondary li,
	ul.primary li.active a {border: none;background: none}
.nodetabs,
ul.tabs {background: url(../images/tabbg.png) repeat-x left top; height: 41px; padding: 0 8px; margin: 0; border: none}
	.nodetabs li,
	ul.tabs li {display: inline}
	.nodetabs li a,
	ul.tabs li a {float: left; color: #fff; height: 41px; font-size: 14px; line-height: 39px; padding: 0 23px}
	.nodetabs li a.active,
	ul.tabs li a.active,
	ul.tabs li.active a.active,
	ul.tabs li.active a {background:url(../images/tabact.png) repeat-x left top}
	.nodetabs li a:hover,
	ul.tabs li a:hover {color:#FFC}
	ul.tabs li a:hover {background: none}
	ul.tabs li a {border: none;background: none}

	ul.tabs li a.active:hover {background:url(../images/tabact.png) repeat-x left top}
	ul.tabs.secondary {border: none; height: 24px; background: #4D85B4; margin: 0; padding: 0 8px 6px;}
	ul.tabs.secondary li a {height: 24px; line-height: 24px; font-size: 12px; background: #005094; padding: 0 12px; margin: 0 8px 0 0}
	ul.tabs.secondary li.active a.active {background: #4479A4;}
	
/*node edit*/
.node-form input.form-text,
.node-form textarea {padding: 6px; border: 1px solid #E3E9EF}
.node-form input.form-text:hover,
.node-form textarea:hover {border: 1px solid #D2DCE6}
.node-form input.form-text:focus,
.node-form textarea:focus {border: 1px solid #3EB4E8}
.node-form input.form-submit {cursor: pointer; background: #24AAE4; border: 1px solid #1A98CE;border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; text-align: center; color: #fff; padding: 8px 12px}
html.js input.form-autocomplete {background-position: 99% 8px}
html.js input.throbbing { background-position: 99% -13px;}

/**/
#edit-field-introimg-0-upload-wrapper .description {display: none}
/**/
#edit-field-introimg-0-ahah-wrapper .form-file {display: none}
#edit-field-introimg-0-ahah-wrapper .filefield-element {width: 67px; height: 100px; position: relative; background: #eee; margin: 0;}
	#edit-field-introimg-0-upload-wrapper .uploadholder {width: 67px; height: 100px; position: absolute}
	
#edit-field-introimg-0-ahah-wrapper .form-submit {border: none; text-indent: -500em; display: block; position: absolute; right: 0; bottom: 0; width: 22px; height: 22px; background:url(../images/ico.png) no-repeat 0 -508px}
.acb {border: none; text-indent: -500em; display: block; position: absolute; width: 22px; height: 22px; background:url(../images/ico.png) no-repeat -25px -508px}

/*COMMENT*/
.comment {padding: 15px 0 0;border-top: 1px solid #EDEDED;}
.comment.first {border: none}
.picture {width:56px; height: 56px; float: left; margin: 0 15px 0 0}
.picture img {width: 50px; padding: 2px; border: 1px solid #E5E5E5}
.picture a:hover img {border-color: #CCC}
.cmcontent {float: left; width: 608px;  padding: 0 0 12px; position: relative}
.cmcontent .submitted {float: left; width: 500px; color: #7F7F7F}
	.cmcontent .submitted a {font-size: 15px; font-weight: bold}
.cmcontent .content {padding: 8px 0 0}
.vud_wrap {float: right; width: 106px; position: relative}
.binhluan-votes-display {float: left;width: 84px; padding: 0 4px 0 0; text-align: right; color: #8C8C8C; font-size: 12px;}
.cmcontent .up-active,
.cmcontent .up-inactive,
.cmcontent .loginuh a {background:url(../images/ico.png) no-repeat 0 -279px;width: 17px; height: 17px; float: right; text-indent: -500em}
.cmcontent .up-active {background-position: -17px -279px}
.cmcontent .content {color: #333}

ul.links li.comment_reply a {display: block; width: 32px; height: 25px; background:url(../images/ico.png) no-repeat 0 -301px; position: absolute; right:0px; bottom: 10px; text-indent: -500em}

#comments .istart_avatars img {width: 25px; height: 25px;}

ul.links li {margin: 0}
ul.links li.first {padding-left: 0}
#comment-form,
#answer-question-form,
#question-node-form {text-align: right; padding: 0 0 10px}
#comment-form .form-item label,
#comment-form ul.tips,
#comment-form p,
#comment-form fieldset.collapsible {display: none}
#comment-form textarea,
#question-node-form textarea,
#answer-question-form textarea {width: 684px;}

.indented {margin-left: 71px;}
.indented textarea {width: 615px !important;}
.indented .picture {width: 41px; margin: 0 10px 0 0}
.indented .picture img {width: 35px; height: 35px;}
.indented .cmcontent {width: 558px;}
.indented .submitted {width: 430px}

.indented .indented {margin-left: 51px;}
.indented .indented .cmcontent {width: 521px;}
.indented .indented .submitted {width: 379px}

.vud_wrap .istart_avatars {position: absolute; left: 10px; top: 24px; background: #156FAD; padding: 5px; display: none;
-moz-box-shadow: 0 0 2px #999;
-webkit-box-shadow: 0 0 2px #999;
box-shadow: 0 0 2px #999;}
.istart_avatars .tail {position: absolute; left: 0; top: -6px; width: 12px; height: 6px; background:url(../images/ico.png) no-repeat 0 -366px;}
.istart_avatars .inner {padding: 5px 6px 0; background: #fff;}



/*HOI DAP*/
.hoidap {}
.hoidap h3 {border-top: 4px solid #EDEBE1; color: #333; font-weight: bold; font-size: 15px; padding: 8px 0 15px}
textarea.upquestion {width:676px; height: 40px; padding: 10px}
.upqsubmit {text-align: right; padding: 8px 0}
.upqsubmit input {color: #fff; background: #1B99CF; text-transform: uppercase; text-align: center; padding: 4px 10px}
.qitem {border-bottom: 1px solid #EDEDED; padding: 10px 0}
	.qtitle {font-size: 15px; font-weight: bold; padding: 3px 0 4px}
	.qitem .question {float: left; width: 628px;}
.traloi {}
.traloi h3 {margin-bottom: 0}
.traloi .picture {width: 31px; height: 31px; margin: 0 8px 0 0}
.traloi .picture img {width: 25px; height: 25px;}
.traloi .question {padding: 5px 0 0}
.aitem {padding: 10px 10px 0 25px;}
.aicontent {padding: 5px 0; font-size: 14px}
.aiuser {border-bottom: 1px solid #EDEDED; padding: 0 0 10px}
.traloi textarea.upquestion {margin: 15px 0 0}


/*BLOCK*/
.block {margin: 0 0 25px}
	#sidebar .blcontent {margin: 0 0 0 20px}
	.block h2.bltitle {font: normal 13px/40px Arial, Helvetica, sans-serif; color: #fff; text-transform:uppercase;text-shadow:none}
	.block h2.bltitle span {float: left;background:url(../images/sprite.png) no-repeat right -206px; height: 44px; padding: 0 25px 0 15px}
	#footer .block h2.bltitle {font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #333}

/*block sp moi & sp noi bat trang chu*/
#block-views-sp_noi_bat-block_1 .view,
#block-views-sp_moi-block_1 .view {position: relative; width: 980px; height: 250px;}
.frontcontent a.prev,
.frontcontent a.next {display: block; position: absolute; top: -54px; right: 0; background: url(../images/sprite.png) no-repeat -409px 0; width: 30px; height: 40px;}
.frontcontent a.prev {background-position: -440px 0; right: 33px;}
.frontcontent a.prev:hover {background-position: -471px 0;}
.frontcontent a.next:hover {background-position: -502px 0;}

/*block sp ung ho - trang user*/
#block-views-spuh-block_1 .item,
#block-views-similarterms-block_1 .item {background: #fff; border-bottom: 1px solid #CACACA; height: 75px; width: 240px; margin: 0 0 14px 0}
.spuh-introimg {float: left; width: 50px; margin: 0 15px 0 0}
.spuh-info {width: 168px; float: left}
	.spuh-info h4 {font: bold 14px Arial, Helvetica, sans-serif; margin: 12px 0 6px}
/*block top - trang user*/
.usertop {margin: 0 0 28px}
.view-profile-display {margin: 10px 0 0}
.pr-info {float: left;}
	.pr-info h2 {color: #1A99CE; font: bold 20px Arial, Helvetica, sans-serif; margin-top: 0}
	.pr-info a.pr-fb,
	.pr-info a.pr-tw {background:url(../images/sprite.png) no-repeat -155px -45px;width: 20px; height: 18px;float: left; text-indent: -500em; margin: 0 10px 0 0}
	.pr-info a.pr-fb {background-position: -175px -45px;}

/*block thanh vien ung ho*/
.block-istart_avatar .blcontent a {float: left; width: 56px; height: 56px; margin: 0 5px 7px 0}
.block-istart_avatar a img {padding: 2px; border: 1px solid #E5E5E5}
.block-istart_avatar a:hover img { border: 1px solid #ccc}

/* 
FOOTER ---------------------*/
#footer,
#cp {background: url(../images/ft.png) #fff repeat-x left top; clear: both; padding: 15px 0;}

	.cpleft {float: left; width: 354px;}
	.cpicon {float: left; width: 96px;}
		.cpicon a {background:url(../images/sprite.png) no-repeat -155px -45px; float: left; width: 20px; height: 18px; margin: 0 4px 0 0; text-indent: -500em}
		.cpicon a.cpi-fb {background-position: -175px -45px;}
		.cpicon a.cpi-rss {background-position: -195px -45px;}
	.cpright {float: right; width: 160px; text-align: right; color: #999;}


/* Clearfix */
* html .clearfix {
    height: 1%; /* IE5-6 */
}

.clearfix {
    display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix {
    display: block; /* O */
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    font-size: 1px;
    overflow: hidden;
}